import { Component, OnInit } from '@angular/core';
import ScrollOut from "scroll-out";

@Component({
  selector: 'app-wechat-introduce',
  templateUrl: './wechat-introduce.component.html',
  styleUrls: ['./wechat-introduce.component.styl']
})
export class WechatIntroduceComponent implements OnInit {

  constructor() { }
  title: string = '微信小程序';
  data: any = [
    {
      img: 'wechatIntroduce.png',
      subheading: '微信小程序',
      heading: '简介.',
      content: ['小程序是一种不用下载就能使用的应用，也是一项门槛非常高的创新，经过将近两年的发展，已经构造了新的小程序开发环境和开发者生态。',
      '小程序也是这么多年来中国IT行业里一个真正能够影响到普通程序员的创新成果，现在已经有超过150万的开发者加入到了小程序的开发，与我们一起共同发力推动小程序的发展，小程序应用数量超过了一百万，覆盖200多个细分的行业，日活用户达到两个亿，小程序还在许多城市实现了支持地铁、公交服务。',
      '小程序发展带来更多的就业机会，2017年小程序带动就业104万人，社会效应不断提升。']
    },
    {
      img: 'wechatIntroduce1.jpg',
      subheading: '框架开发',
      heading: '现如今的主流框架有：',
      content: ['官方框架MINA','美团小程序框架mpvue','组件化开发框架wepy等'],
    },
    {
      img: 'wechatIntroduce2.jpg',
      subheading: '配合UI框架',
      heading: '热门UI框架：',
      content: ['WeUI WXSS、iView WeApp、ZanUI WeApp、MinUI、Wux WeApp、ColorUI等'],
    }
  ]
  ngOnInit() {
  }
  ngAfterViewInit(): void {
    ScrollOut({
      cssProps: {
        visibleY: true,
        viewportY: true
      }
    });
  }
}
